<template>
    <div class="app">
        <div class="item">
            <div class="img"><img :src=imgSrc alt="图片加载失败" :title=title></div>
            <div class="title">{{title}}</div>
            <div class="context">{{context}}</div>
        </div>
      
    
    </div>
    
    
    
    </template>
    
    
    <script>
    
    
    export default{
        
       data(){
          
       return{
         
        
         
       }
         
       },
       props:["title","context","imgSrc","id"]
         
    
         
      
    
         
    }
    
    
    </script>
    
    
    <style scoped>
 
    .item{
        width: 233px;
        height: 304px;
        
    
    }
    .img{
        width: 233px;
        height: 303px;
        /* border: 1px solid red; */
    }
    img{
        width: 233px;
        height: 303px; 
    }
    .title{
         text-align: center;
        margin-top: 4px;
    }
 
    
    </style>